<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iphone8预定</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../../css/mui.min.css" rel="stylesheet" />
    <link href="../../css/ipad/reserve.css" rel="stylesheet" />
</head>
<body>
<!--头部banner-->
<div class="bannerBox">
    <img src="../../img/ipad/banner.jpg" alt="banner">
</div>
<!--倒计时天数-->
<div class="dayBox mui-clearfix">
    <span class="day">天</span><span id="day"></span><span>倒计时</span>
</div>
<!--活动详情-->
<div class="detailBox mui-clearfix">
    <div class="left-img"><img src="../../img/ipad/detail.jpg" alt="phone"></div>
    <div class="text-img"><img src="../../img/ipad/detail-text.jpg" alt="text"></div>
    <div class="residueCount">
        <!--<span>1</span><span>6</span><span>8</span>-->
    </div>
    <div class="current">当前预定台数</div>
</div>
<!--点击预定-->
<div class="reserveBox mui-clearfix">
    <a href="shopReserve.html" target="_self" class="shopReserve">商家预定 ></a>
    <!--<a href="userReserve.html" target="_self" class="userReserve">用户预定 ></a>-->
</div>
<script src="../../js/jquery-1.10.1.min.js"></script>
<script src="../../js/ipad/reserve.js"></script>
</body>
</html>